div.card-body.with-background {

	text-shadow:
		0px -1px $card-bg,
		0px 1px $card-bg,
		1px 0px $card-bg,
		-1px 0px $card-bg,
		1px 1px $card-bg,
		-1px 1px $card-bg,
		-1px -1px $card-bg,
		1px -1px $card-bg;
}

img.avatar {
	width: 4rem;
	object-fit: cover;
	aspect-ratio: 1;
	clip-path: circle();

	&.avatar-sm {
		width: 2rem;
	}

	&.avatar-lg {
		width: 6rem;
	}
}
